<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 312px;
				height: 440px;
				background: lightblue;
				text-align: center;
				line-height: 440px;
				margin: 150px auto;
				perspective: 800px;   /*3D透视效果*/
				
			}
			div:hover img{
				transform: rotateX(80deg);
				/*transform-origin: bottom;*/
				/*transition: transform 2s linear;*/
			}
			img{
				transform-origin: bottom;
				transition: transform 2s linear;
			}
		</style>
	</head>
	<body>
		<div>
			<img src="img/pk.png"/>
		</div>
	</body>
</html>
